﻿@using xConnected.Common.Login
@using xConnected.Common.ExpertProfile
<div class="modal-middle hide fade" id="ContactCompany" style="display: none;" >
    <div class="modal-header">  
        <div class="thumbnail" style="margin-top: 10px; margin-bottom: 10px">
            <h3 style="margin-left: 5px; margin-bottom: 5px; margin-top: 5px">@Resources.Contact</h3>
        </div>
    </div> 
    <div class="modal-body">
        <div class="alert alert-info" data-bind="visible:contactSuccessfullVisible">Your message has been successfully sent!</div>
        <div class="row" style="margin-bottom: 10px">
            <span class="span2"><strong>@Login.Email</strong></span>
            <input data-bind="value:email" class="span3"></input>
        </div>
        <div class="row" style="margin-bottom: 10px">
            <span class="span2"><strong>@Resources.Subject</strong></span>
            <input data-bind="value:subject" class="span3"></input>
        </div>
        <div class="row" style="margin-bottom: 10px">
            <span class="span2"><strong>@Resources.Body</strong></span>
            <textarea rows="10" cols="15" data-bind="value:body" class="span4"></textarea>
        </div>
    </div>   
    <div class="modal-footer">
        <a href="#" class="btn btn-info" data-bind="click: function() { $root.company.contactCompany() }"><i class="icon-ok icon-white"></i><strong> @Resources.Send</strong></a>
        <a href="#" class="btn" data-bind="click: function() { $root.company.cancelContactCompany()}"><strong>@Resources.Cancel</strong></a>
    </div>
</div>